<!DOCTYPE html>
<html class="no-js" lang="">
  <head>
    <meta charset="utf-8">
    <title> 研究中心- 中科三安
    </title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="manifest" href="site.webmanifest">
    <link rel="apple-touch-icon" href="icon.png">
    <!-- Place favicon.ico in the root directory-->
    <meta name="theme-color" content="#fafafa">
    <link href="fonts/iconfont.css" rel="stylesheet">
    <link href="js/vendor/wow/css/libs/animate.css" rel="stylesheet">
    <link href="js/vendor/swiper/css/swiper.min.css" rel="stylesheet">
    <link href="css/styles.min.css" rel="stylesheet">
    <script src="js/vendor/wow/dist/wow.min.js"></script>
    <script>
      new WOW().init();
      
      
    </script>
  </head>
  <body>
    <header class="site-header" id="site-header">
      <div class="topcol">
        <div class="container">
          <div class="row">
            <div class="col-lg">
              <div class="social"><a href="https://www.zhihu.com/org/zhong-ke-san-an-sananbio-50"> <i class="iconfont iconzhihu"></i></a><a href="https://weibo.com/p/1006067214397460/home?from=page_100606&amp;mod=TAB#place"> <i class="iconfont iconweibo"></i></a><a href="https://www.toutiao.com/c/user/1297018560458795/#mid=1637912158062603"> <i class="iconfont icontoutiao"></i></a><a class="wechat" href="#"> <i class="iconfont iconweixin"></i>
                  <div class="qr"><img src="img/qrcode.jpg" alt=""></div></a><a href="https://space.bilibili.com/535043137?from=search&amp;seid=3469803243368560150"> <i class="iconfont iconbilibili"></i></a><a href="http://i.youku.com/u/UNzc3NjQzODEyOA==?spm=a2h0c.8166622.PhoneSokuUgc_3.3"> <i class="iconfont iconyouku"></i></a></div>
            </div>
            <div class="col-lg-auto email"><i class="iconfont iconyouxiang"></i>global@sananbio.com</div>
            <div class="col-lg-auto phone"><i class="iconfont icondianhua"></i>+86-0592-5976366</div>
          </div>
        </div>
      </div>
      <div class="container c1">
        <div class="row">
          <div class="col"><a class="logo" href="index.html">    <img src="img/logo.png" alt="logo"></a></div>
          <div class="col-auto">
            <ul class="mainav2">                 
              <li><a href="news.html">新闻</a></li>
              <li><a href="#">招聘</a></li>
              <li><a href="about.html">关于我们</a></li>
              <li><a href="contact.html">联系我们</a></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="container c2">   
        <div class="row align-items-center">
          <div class="col-auto minlogo"><a class="logo" href="/">    <img src="img/logo_min.png" alt="logo"></a></div>
          <div class="col mainav-container">
            <ul class="mainav">                 
              <li class="hasnav" data-id="subnav1"><a href="hardware.html">智能硬件</a>
                <div class="subRichMenus" id="subnav1">
                  <div class="container">
                    <div class="row">
                      <div class="col-md-auto">
                        <div class="item">
                          <div class="row">
                            <div class="col-auto"><a class="pic" href="#"><img src="img/menu_01.jpg" alt=""></a></div>
                            <div class="col">
                              <div class="txt">
                                <h3 class="title text24"><a href="product.html">生长系统</a></h3>
                                <div class="note">再造大自然</div>
                                <ul class="list">
                                  <li>模组 RADIX</li>
                                  <li>盒子 BOX</li>
                                  <li>集装箱 CONTAINER</li>
                                  <li>育苗 NURSERY</li>
                                </ul>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md">
                        <div class="item">
                          <div class="row">
                            <div class="col-auto"><a class="pic" href="#"><img src="img/menu_02.jpg" alt=""></a></div>
                            <div class="col">
                              <div class="txt">
                                <h3 class="title text24"><a href="hardware.html">园艺照明</a></h3>
                                <div class="note">代替太阳光</div>
                                <ul class="list">
                                  <li>凤凰 PHX</li>
                                  <li>云雀 SKYLARK</li>
                                  <li>云雀+ SKYLARK+</li>
                                  <li>火烈鸟 FLAMINGO</li>
                                </ul>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </li>
              <li class="hasnav" data-id="subnav2"><a href="solution.html">解决方案</a>
                <div class="subRichMenus" id="subnav2">
                  <div class="container">
                    <h3 class="t1">简单即未来</h3>
                    <div class="row">
                      <div class="col-md-auto">
                        <div class="item1"><a class="pic" href="#"><img src="img/menu_03.jpg" alt=""></a>
                          <h3><a href="#">自动农场</a></h3>
                        </div>
                      </div>
                      <div class="col-md-auto">
                        <div class="item1"><a class="pic" href="#"><img src="img/menu_04.jpg" alt=""></a>
                          <h3><a href="#">垂直农场</a></h3>
                        </div>
                      </div>
                      <div class="col-md-auto">
                        <div class="item1"><a class="pic" href="#"><img src="img/menu_05.jpg" alt=""></a>
                          <h3><a href="#">厢式农场</a></h3>
                        </div>
                      </div>
                      <div class="col-md-auto">
                        <div class="item1"><a class="pic" href="#"><img src="img/menu_06.jpg" alt=""></a>
                          <h3><a href="#">育苗农场</a></h3>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </li>
              <li><a href="story.html">故事</a></li>
              <li><a href="innovate.html">创新      </a></li>
              <li><a href="support.html">支持</a></li>
              <li><a href="about.html">公司</a></li>
            </ul>
          </div>
          <div class="col-auto">
            <div class="row align-items-center justify-content-end">
              <div class="col-auto store"><a class="story" href="#">STORE</a></div>
              <div class="col-auto lang">
                <div class="current">中文 <i class="iconfont icondown"></i>
                  <ul>
                    <li><a href="#">中文</a></li>
                    <li><a href="#">English</a></li>
                  </ul>
                </div>
              </div>
              <div class="col-auto mobilemenu">
                <div class="menu-toggle">
                  <div class="one"></div>
                  <div class="two"></div>
                  <div class="three">         </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="menu-over" id="overmenu">
          <ul class="mobilenav">
            <li><a href="hardware.html">智能硬件</a></li>
            <li><a href="solution.html">解决方案</a></li>
            <li><a href="story.html">故事</a></li>
            <li><a href="innovate.html">创新      </a></li>
            <li class="active"><a href="support.html">支持</a></li>
            <li><a href="about.html">公司</a></li>
          </ul>
          <p class="copyright">版权所有©push art 璞森国际艺术教育</p>
        </div>
      </div>
    </header>
    <div class="page-solution">
      <div class="vidBox" id="vidBox">
        <div class="videCont"><a class="btn-close" id="btn-close" href="javascript:void(0);"><i class="iconfont iconsearchclose"></i></a>
          <video src="img/about.mp4" loop controls></video>
        </div>
      </div>
      <section class="s1">
        <video autoplay poster="img/home_01.jpg" id="videobg" loop>
          <source src="img/about.mp4" type="video/mp4">Your browser does not support the video tag. I suggest you upgrade your browser.
        </video><a class="detail" id="openVideo" href="javascript:void(0);">详细</a>
      </section>
      <section class="s2" style="background-image:url(img/sulo_01.jpg);">
        <div class="container">
          <div class="txt">
            <h2 class="text80 wow fadeInUp">UPLIFT</h2>
            <h3 class="text50 wow fadeInUp" data-wow-delay="0.5s">无人化垂直农业生产系统</h3>
            <div class="des text20">
              <p class="wow fadeInUp">UPLIFT 是一套无人化垂直室内农业生产解决方案。</p>
              <p class="wow fadeInUp" data-wow-delay="0.5s">基于自身数字化生产系统，UPLIFT 生产车间已实现播种、分栽、采收、管理等重要工序无人化。人工智能令室内垂直农业焕发生机，种植面积向超高或地下空间扩展。 </p>
              <p class="wow fadeInUp" data-wow-delay="1s">随着地球空间资源趋紧，UPLIFT 是未来⼈类必需的城市植物⼯⼚。依据建筑空间提供整体建设方案，现向全球种植者开放。</p>
            </div>
          </div>
        </div>
      </section>
      <section class="s3" style="background-image:url(img/sulo_02.jpg);"></section>
      <section class="s4">
        <div class="container">
          <h3 class="text50 wow fadeInUp">无人种植产线</h3>
          <div class="des text20 text50 wow fadeInUp" data-wow-delay="0.5s">
            <p>UPLIFT 各工站模块依托于机器人、穿梭机、人工智能产线等，实现播种、分栽、采收、清洗等工序自动化。可根据种植者需求，远程实时完成种植及采收调度、巡检，多任务协同调度。</p>
          </div>
        </div>
      </section>
      <section class="s5" style="background-image:url(img/sulo_03.jpg);">
        <div class="row no-gutters">
          <div class="col">
            <h4 class="text30 wow fadeInUp">播种</h4>
          </div>
          <div class="col">
            <h4 class="text30 wow fadeInUp">催芽</h4>
          </div>
          <div class="col">
            <h4 class="text30 wow fadeInUp">分栽</h4>
          </div>
          <div class="col">
            <h4 class="text30 wow fadeInUp">清洗</h4>
          </div>
          <div class="col">
            <h4 class="text30 wow fadeInUp">巡检</h4>
          </div>
        </div>
      </section>
      <section class="s4 s6">           
        <div class="container">
          <h3 class="text50 wow fadeInUp">数字生产系统</h3>
          <div class="des text20 wow fadeInUp" data-wow-delay="0.5s">
            <p>PLANT KEEPER 是由 SANANBIO 自主研发的数字化生产管理系统入口。该系统具备独立的数据存储与分析运算能力，可帮助种植者实现环境控制与调节、光周期控制与调节、生长数据的采集与分析等服务。</p>
          </div>
          <figure class="pic"><img src="img/sulo_04.png" alt=""></figure>
        </div>
      </section>
      <section class="s7" style="background-image:url(img/sulo_05.jpg);">
        <div class="container">
          <div class="row">
            <div class="col-md-6">
              <div class="sliders">
                <div class="swiper-container swiper-s7">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="txt">
                        <h3 class="title text50">气候管理</h3>
                        <div class="des text20">
                          <p>实时监测植物工厂内的温度、湿度、C02浓度、风速等，并进行统一管理。</p>
                        </div>
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="txt">
                        <h3 class="title text50">气候管理</h3>
                        <div class="des text20">
                          <p>实时监测植物工厂内的温度、湿度、C02浓度、风速等，并进行统一管理。</p>
                        </div>
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="txt">
                        <h3 class="title text50">气候管理</h3>
                        <div class="des text20">
                          <p>实时监测植物工厂内的温度、湿度、C02浓度、风速等，并进行统一管理。</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="swiper-pagination"></div>
                </div>
              </div>
            </div>
            <div class="col-md-6">
              <div class="pic wow fadeInRight"><img src="img/sulo_06.png" alt=""></div>
            </div>
          </div>
        </div>
      </section>
      <section class="s4 s8">         
        <div class="container">
          <h3 class="text50 wow fadeInUp">垂直空间扩展</h3>
          <div class="des text20 wow fadeInUp" data-wow-delay="0.5s">
            <p>基于无人化种植和数字生产系统管理技术，UPLIFT 得以向超高或地下垂直空间扩展，帮助种植者实现全年工业规模生产绿叶蔬菜。</p>
          </div>
          <div class="pic">
            <div class="row">
              <div class="col-md">
                <div class="item wow fadeInUp"><img src="img/sulo_07.jpg" alt=""></div>
                <h4 class="text30 wow fadeInUp">无人的</h4>
              </div>
              <div class="col-md">
                <div class="item wow fadeInUp"><img src="img/sulo_08.jpg" alt=""></div>
                <h4 class="text30 wow fadeInUp">摩天的</h4>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="comment-s9">      
        <div class="container">
          <h3 class="text-center text50 wow fadeInUp">可种植作物</h3>
        </div>
        <div class="pic wow fadeInUp">       <img src="img/sulo_09.jpg" alt=""></div>
      </section>
      <section class="comment-s10">        
        <div class="container text-center">
          <h2 class="title text80 wow fadeInUp">UPLIFT</h2>
          <h3 class="title1 text50 wow fadeInUp" data-wow-delay="0.5s">无人化垂直农业生产系统</h3>
          <div class="des text20 wow fadeInUp" data-wow-delay="1s">
            <p><span>无人种植车间</span>|<span>数字生产系统</span>|<span>超高空间扩展</span></p>
          </div>
        </div>
        <div class="pic wow fadeInUp">              <img src="img/sulo_10.jpg" alt=""></div><a class="download wow fadeInUp" href="#">参数下载</a>
      </section>
      <section class="comment-s11">
        <div class="container">
          <h3 class="text-center text50 wow fadeInUp">成功案例</h3>
        </div>
        <div class="swiper-container swiper-s11">
          <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="img/sulo_11.jpg" alt=""></div>
            <div class="swiper-slide"><img src="img/sulo_11.jpg" alt=""></div>
            <div class="swiper-slide"><img src="img/sulo_11.jpg" alt=""></div>
          </div>
          <div class="swiper-pagination"></div>
          <div class="swiper-button-next"></div>
          <div class="swiper-button-prev"></div>
        </div>
      </section>
      <section class="comment-s12">
        <div class="container">
          <h3 class="text-center text50 wow fadeInUp">告诉我们您需要哪方面的支持</h3>
        </div>
        <div class="s3-formcontact">
          <div class="container">
            <div class="row">
              <div class="col-md">
                <div class="formcontact"> 
                  <h4 class="title wow fadeInUp"> 留下您想要咨询的信息</h4>
                  <form action="#" method="post">
                    <div class="row">
                      <div class="col-md">
                        <div class="form-grounp">
                          <input class="form-control" type="text" name="firstName" placeholder="FIRST NAME">
                        </div>
                      </div>
                      <div class="col-md">
                        <div class="form-grounp">
                          <input class="form-control" type="text" name="lastName" placeholder="LAST NAME">
                        </div>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-md">
                        <div class="form-grounp">
                          <input class="form-control" type="text" name="email" placeholder="EMAIL">
                        </div>
                      </div>
                      <div class="col-md">
                        <div class="form-grounp">
                          <input class="form-control" type="text" name="phone" placeholder="PHONE NUMBER">
                        </div>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-md">
                        <div class="form-grounp">
                          <input class="form-control" type="text" name="jobtitle" placeholder="JOB TITLE">
                        </div>
                      </div>
                      <div class="col-md">
                        <div class="form-grounp">
                          <input class="form-control" type="text" name="company" placeholder="COMPANY">
                        </div>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-md-12">
                        <div class="form-grounp">
                          <input class="form-control" type="text" name="country" placeholder="COUNTRY/REGION">
                        </div>
                      </div>
                      <div class="col-md-12">
                        <div class="form-grounp">
                          <textarea class="form-control" name="message" rows="5" placeholder="MESSAGE"></textarea>
                        </div>
                      </div>
                    </div>
                    <div class="action wow fadeInUp">
                      <button class="btn btn-black" type="submit">提交</button>
                    </div>
                  </form>
                </div>
              </div>
              <div class="col-auto">
                <div class="contact">
                  <h4 class="title wow fadeInUp"> 通过电话或邮箱寻求支持</h4>
                  <div class="item wow fadeInUp">
                    <div class="pic"><i class="iconfont icondianhua"></i></div>
                    <div class="title">服务热线</div>
                    <div class="val">0592-5976366</div>
                  </div>
                  <div class="item wow fadeInUp">
                    <div class="pic"><i class="iconfont iconyouxiang"></i></div>
                    <div class="title">联系邮箱                                    </div>
                    <div class="val">sales@sananbio.com</div>
                    <div class="val">global@sananbio.com</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
    <footer class="site-footer" id="pagefooter"> 
      <div class="bottop">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-md-auto"><img src="img/logo_bot.png" alt="logo"></div>
            <div class="col-md">
              <ul class="botnav">
                <li><a href="about.html">关于我们     </a></li>
                <li><a href="contact.html">联系我们     </a></li>
                <li><a href="job.html">招聘      </a></li>
              </ul>
            </div>
            <div class="col-lg-auto">
              <div class="social"><a href="#"> <i class="iconfont iconzhihu"></i></a><a href="#"> <i class="iconfont iconweibo"></i></a><a href="#"> <i class="iconfont icontoutiao"></i></a><a href="#"> <i class="iconfont iconweixin"></i></a><a href="#"> <i class="iconfont iconbilibili"></i></a><a href="#"> <i class="iconfont iconyouku"></i></a></div>
            </div>
          </div>
        </div>
      </div>
      <div class="container bot">       
        <div class="row">
          <div class="col-md">
            <div class="copyright">Copyright &copy; 2020 SANANBIO All Rights Reserved.<span class="beian"><a href="//beian.miit.gov.cn/"> 粤ICP备09184136号-3</a></span></div>
            <div class="exp">Feedback on web experience</div>
          </div>
          <div class="col-md-auto">
            <div class="current">中文 <i class="iconfont icondown"></i>
              <ul>
                <li><a href="#">中文</a></li>
                <li><a href="#">English</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </footer><a class="toTop" id="toTop" href="javascript:void(0);"><img src="img/top.png" alt=""></a>
    <script src="js/vendor/modernizr-3.8.0.min.js"></script>
    <script src="js/vendor/jquery-3.4.1.min.js"></script>
    <script src="js/vendor/jquery.easing.min.js"></script>
    <script src="js/bootstrap/bootstrap.min.js"></script>
    <script src="js/app.js"></script>
    <script src="js/vendor/swiper/js/swiper.min.js"></script>
    <script>
      var swiper = new Swiper('.swiper-s7', {
          pagination: {
              el: '.swiper-pagination',
          },
              autoplay: {
              delay: 2500,
              disableOnInteraction: false,
          }
      });
      
      var swiper2 = new Swiper('.swiper-s11', {
          slidesPerView: 'auto',
          centeredSlides: true,
          spaceBetween: 120,
          navigation: {
              nextEl: '.swiper-button-next',
              prevEl: '.swiper-button-prev',
          },
          pagination: {
              el: '.swiper-pagination'
          },
      });
      $(function () {
      
          $("#openVideo").click(function(e){
              $("#vidBox").fadeIn();
          })
          $("#btn-close").click(function(e){
              $("#vidBox").fadeOut();
          })
      
      });
    </script>
  </body>
</html>